import React from 'react'
import style from './layout.module.scss'
import Header from '../Header/Header'
import LeftPanel from '../LeftPanel/LeftPanel'
import MainView from '../Main/MainView'
import Footer from '../Footer/Footer'

const Layout = () => {
  return (
    <div className={style.wrapper}>
      <div className={style.header}>
        <Header/>
      </div>
      <div className={style.middle}>
        <div className={style.leftPanel}>
          <LeftPanel/>
        </div>
        <div className={style.main}>
          <MainView/>
        </div>
      </div>
      <div className={style.footer}>
        <Footer/>
      </div>
    </div>
  )
}

export default Layout
